.palette {
  width: 360px;
  box-sizing: border-box;
  padding: 16px;
}
.miyue-sql-task{
  background-image: url("/icons/mysql.png");
  background-size: 1em 1em;
  background-position: center center;
  background-repeat: no-repeat;
}
.miyue-mybatis-task{
  background-image: url("/icons/mybatis.png");
  background-size: 1em 1em;
  background-position: center center;
  background-repeat: no-repeat;
}
.miyue-redis-task{
  background-image: url("/icons/redis.png");
  background-size: 1em 1em;
  background-position: center center;
  background-repeat: no-repeat;
}

.bpmn-icon-user-task-rewrite{
  background-image: url("/icons/fx.png") !important;
  background-size: 1em 1em;
  background-position: center center;
  background-repeat: no-repeat;
}


.djs-context-pad .bpmn-icon-user-task-rewrite:hover {
  background-image: url("/icons/fx.png") !important;
  background-size: cover !important;
}


.djs-context-pad .miyue-mybatis-task:hover {
  background-image: url("/icons/mybatis.png") !important;
  background-size: cover !important;
}


.djs-context-pad .miyue-redis-task:hover {
  background-image: url("/icons/redis.png") !important;
  background-size: cover !important;
}


.miyue-excel-task{
  background-image: url("/icons/excel.png");
  background-size: 1em 1em;
  background-position: center center;
  background-repeat: no-repeat;
}


.djs-context-pad .miyue-excel-task:hover {
  background-image: url("/icons/excel.png") !important;
  background-size: cover !important;
}
